<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>
    <!--图片点击放大  css文件-->
    <link rel="stylesheet" href="js/viewer/css/viewer.min.css">
    <!--主要css样式-->
    <link rel="stylesheet" type="text/css" href="css/models.css">
</head>
<style>
    .ident {
        margin-left: 30px; /*支付清单缩进*/
    }

    .payBox {
        height: auto !important;
        background-color: #FBFBFB;
        border: 5px solid #ffffff; /*支付清单样式*/
    }
</style>
<body>
<!--商品详情-->
<ul class="addList addMarBot">
    <li>
        <h2 class="addTitle">处理信息</h2>
    </li>
    <li>
        <!--处理信息状态-->
        <div class="infoFlowBox">
            <p class="infoLine infoLineSeven">
                <span class="fault green"></span>
                <span class="fault green"></span>
                <span class="fault green"></span>
                <span class="fault green"></span>
                <span class="fault green"></span>
                <span class="fault"></span>
            </p>
            <ul class="infoList infoListSeven">
                <li>
                    <i class="infoIco infoPos"></i>
                    <p class="infoTit">已经下单</p>
                    <p class="infoDay">2017-03-20 18:03:02</p>
                </li>
                <li>
                    <i class="infoIco infoPos"></i>
                    <p class="infoTit">已付订金</p>
                    <p class="infoDay">2017-03-20 18:03:02</p>
                </li>
                <li>
                    <i class="infoIco infoPos"></i>
                    <p class="infoTit">已经接单</p>
                    <p class="infoDay">2017-03-20 18:03:02</p>
                </li>
                <li>
                    <i class="infoIco infoPos"></i>
                    <p class="infoTit">已经发货</p>
                    <p class="infoDay">2017-03-20 18:03:02</p>
                </li>
                <li>
                    <i class="infoIco infoPos"></i>
                    <p class="infoTit">已经签收</p>
                    <p class="infoDay">2017-03-20 18:03:02</p>
                </li>
                <li class="infored">
                    <i class="infoIco infoPos"></i>
                    <p class="infoTit">已付尾款</p>
                    <p class="infoDay">2017-03-20 18:03:02</p>
                </li>
                <li>
                    <i class="infoIco"></i>
                    <p class="infoTit">交易成功</p>
                    <p class="infoDay">2017-03-20 18:03:02</p>
                </li>
            </ul>
        </div>
        <!--end 处理信息状态-->
    </li>
    <li>
        <h2 class="addTitle">基本信息</h2>
    </li>
    <li>
        <p class="addHeadhunt">
            <label for="">订单编号：</label>
            <span class="detailTxt ">20170822134158000001</span>
        </p>
        <p class="addHeadhunt">
            <label for="">订单状态：</label>
            <span class="detailTxt ">水果</span>
        </p>
    </li>
    <li>
        <label for="">订单金额：</label>
        <span class="detailTxt require">12.00</span>
    </li>
    <li>
        <p class="addHeadhunt payBox">
            <label for="">订金支付：</label>
            <span class="detailTxt ">待支付/已支付</span>
            <br>
            <label for="" class="ident">订金金额：</label>
            <span class="detailTxt ">12.00</span>
            <br>
            <label for="" class="ident">先货后款支付：</label>
            <span class="detailTxt ">12.00</span>
            <br>
            <label for="" class="ident">余额支付：</label>
            <span class="detailTxt ">12.00</span>
            <br>
            <label for="" class="ident">支付宝/微信支付：</label>
            <span class="detailTxt ">12.00</span>
        </p>
        <p class="addHeadhunt payBox">
            <label for="">尾款支付：</label>
            <span class="detailTxt ">待支付/已支付</span>
            <br>
            <label for="" class="ident">尾款金额：</label>
            <span class="detailTxt ">12.00</span>
            <br>
            <label for="" class="ident">先货后款支付：</label>
            <span class="detailTxt ">12.00</span>
            <br>
            <label for="" class="ident">余额支付：</label>
            <span class="detailTxt ">12.00</span>
            <br>
            <label for="" class="ident">支付宝/微信支付：</label>
            <span class="detailTxt ">12.00</span>
        </p>
    </li>
    <li>
            <label for="">实付金额：</label>
            <span class="detailTxt "></span>
    </li>
    <li>
        <p class="addHeadhunt">
            <label for="">买家名称：</label>
            <span class="detailTxt ">重庆易耀通工会</span>
        </p>
        <p class="addHeadhunt">
            <label for="">买家账号：</label>
            <span class="detailTxt ">水果</span>
        </p>
    </li>
    <li>
        <p class="addHeadhunt">
            <label for="">卖家名称：</label>
            <span class="detailTxt ">重庆易耀通工会</span>
        </p>
        <p class="addHeadhunt">
            <label for="">卖家账号：</label>
            <span class="detailTxt ">水果</span>
        </p>
    </li>
    <li>
        <h2 class="addTitle">商品信息</h2>
    </li>
    <li>
        <div class="ph_wareBox" style="margin: 0;">
            <table class="ph_wareList">
                <tr>
                    <th width="600">商品名称</th>
                    <th>数量</th>
                    <th>单位</th>
                    <th>单价（元）</th>
                    <th>小计（元）</th>
                </tr>
                <tr>
                    <td>高露洁牙膏厂家直销</td>
                    <td>1</td>
                    <td>100.00</td>
                    <td>20.00</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>高露洁牙膏厂家直销</td>
                    <td>1</td>
                    <td>100.00</td>
                    <td>20.00</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>高露洁牙膏厂家直销</td>
                    <td>1</td>
                    <td>100.00</td>
                    <td>20.00</td>
                    <td>1</td>
                </tr>
            </table>
        </div>
    </li>
    <li>
        <h2 class="addTitle">收货人信息</h2>
    </li>
    <li>
        <p class="addHeadhunt">
            <label for="">收货人姓名：</label>
            <span class="detailTxt ">重庆易耀通工会</span>
        </p>
        <p class="addHeadhunt">
            <label for="">联系电话：</label>
            <span class="detailTxt ">水果</span>
        </p>
    </li>
    <li>
        <label for="">收货人地址：</label>
        <span class="detailTxt ">重庆市江北区国金中心T2栋30楼</span>
    </li>
</ul>
<!--end 商品详情-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    $(function () {
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        //关闭iframe
        $('.cancel').click(function () {
            parent.layer.close(index);
        });
    });
</script>
</body>
</html>